h2 , h5{
  margin: 20px 10px 0 10px;    
  font-family: sans-serif;    
  font-weight: normal;
  font-size: 1em;
  color: #000;
  text-align: center;
}

h2{
  font-weight: bold;
}
.header{
  background-color: red;
}
.main-button{
  display: flex;
  padding: 10px;
  justify-content: space-between;
}      

.circle-img{
  width: 24px;
  height: 24px;
}

.price{
  font-weight: bold;
}
.previous{
  color: gray;
}
.total{
   color:black; 
}
.parcel{
  color:blue; 
}
.spot{
  color:green; 
}
.product-model{
  font-weight: bold;
  font-size: 1.5em;
}

footer{
   background-color: #2f4f4f; 
   padding: 10px 0 10px 0;
}

footer a {
  color: white;
  text-decoration: none;
}

footer p{
  line-height: 2em;
  color: white;
  font-weight: bold;
}

.pages{
  display: flex;
  flex-direction: column; 
}

.pages a{
  padding:  10px;
  font-weight: bold;
 }

#footer-pgtos{
  justify-content: flex-start;
}

#footer-local{
  display: flex;
  flex-direction: column; 
  justify-content: center;
}

.foo-images{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.foo-comunication{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.foo-contact{
  padding-top: 20px;
  width: 160px;
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  min-width: 180px;
  min-height: 80px;
}
.foo-contact svg{
  fill: white;
}
.foo-contact{
  margin-top: 10px;
  color: white;
}

.foo-contact p{
  color: white;
}

article{
  padding: 0 10px 0 10px;
}

.rating-geral{
  margin: 30px auto 30px;
  max-width: 960px;
  padding: 10px;
  /*border: 500px solid #008080;*/
}


.review-action{
  display: flex;
  justify-content: space-between;
  margin: 30px auto 30px;
  max-width: 960px;
  padding: 100px 10px;
  border-bottom: 5px solid #008080;
}

.button-review{
  max-width: 40%;
}

p.rating-review {
  padding-top: 20px;
  text-align: left;
}

.avatar{
  background-color: gray;
  border-radius: 50%;
}

.review { 
    font-family: sans-serif; 
} 

.review .avatar { 
    float: left; 
    width: 75px; 
    padding-right: 
    20px; padding-bottom: 
    10px;
}
/*Tudo que vai dentro do @media aplica a ipad */
@media (min-width: 768px) and (max-width: 1024px) {
  .photo_slider{
  min-height: 480px;
}